<!DOCTYPE html>
<html class="x-admin-sm">
  <head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="__ADMIN__/css/font.css">
    <link rel="stylesheet" href="__ADMIN__/css/xadmin.css">
    <script type="text/javascript" src="__ADMIN__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__ADMIN__/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="__ADMIN__/js/xadmin.js"></script>
    <script type="text/javascript" src="__ADMIN__/js/cookie.js"></script>
    <link rel="stylesheet" href="/static/admin/css/font.css">
    <link rel="stylesheet" href="/static/admin/css/font-awesome.min.css">
    <style>
        .layui-form-item .layui-form-label{
            width: 120px;
        }
        .layui-form-item .layui-textarea{
            width: 190px;
        }
        #phone-one-div {display: none}
    </style>
  </head>
  
  <body>
    <div class="x-body">
        <form class="layui-form">
            <input type="hidden" name="id" id="id" value="{$data.id}">
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>姓名
                </label>
                <div class="layui-input-inline">
                    <input type="text" value="{$data.name}" id="name" name="name" lay-verify="required" required="" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="phone" class="layui-form-label">
                    <span class="x-red">*</span>电话
                </label>
                <div class="layui-input-inline">
                    <input type="text" value="{$data.phone}" id="phone" name="phone" lay-verify="required" required="" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div id="area-picker">
                <div class="layui-form-item">
                    <label for="province" class="layui-form-label">
                        <span class="x-red">*</span>省
                    </label>
                    <div class="layui-input-inline" >
                        <select name="province" class="province-selector" lay-search data-value="{$data.province}" lay-filter="province-1" lay-verify="required" required>
                            <option value="">请选择省</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="city" class="layui-form-label">
                        <span class="x-red">*</span>市
                    </label>
                    <div class="layui-input-inline" >
                        <select name="city" class="city-selector" lay-search data-value="{$data.city}" lay-filter="city-1" lay-verify="required" required>
                            <option value="">请选择市</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="county" class="layui-form-label">
                        区
                    </label>
                    <div class="layui-input-inline" >
                        <select name="county" class="county-selector" data-value="{$data.county}" lay-filter="county-1" >
                            <option value="">请选择区</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="address" class="layui-form-label">
                    地点
                </label>
                <div class="layui-input-inline">
                    <input type="text" value="{$data.address}" id="address" name="address" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="type" class="layui-form-label">
                    <span class="x-red">*</span>机位/照片直播
                </label>
                <div class="layui-input-inline">
                    <input type="text" value="{$data.type}" id="type" name="type" lay-verify="required" required="" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="remark" class="layui-form-label">
                    派单
                </label>
                <div class="layui-input-inline">
                    <input type="text" value="{$data.dockman}" id="dockman" name="dockman" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="remark" class="layui-form-label">
                    备注
                </label>
                <div class="layui-input-inline">
                    <input type="text" value="{$data.remark}" id="remark" name="remark" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">
                </label>
                <button type="button" class="layui-btn" lay-filter="add" lay-submit="">
                  确定
                </button>
            </div>
      </form>
    </div>
    <script>

        layui.use(['form','layer','laydate','upload','layarea'], function(){
          $ = layui.jquery;
          var form = layui.form
          ,layer = layui.layer
          ,laydate = layui.laydate
          ,upload = layui.upload
          ,layarea = layui.layarea;
            layarea.render({
                elem: '#area-picker',
                change: function (res) {
                    //console.log(res);
                }
            });
          //监听提交
          form.on('submit(add)', function(data){
            $.ajax({
                type:'POST',
                dataType:'json',
                data:{data:data.field},
                success:function(obj){
                      layer.alert(obj.msg, {icon: obj.icon},function(){
                        // 获得frame索引
                        var index = parent.layer.getFrameIndex(window.name);
                        //关闭当前frame
                        parent.layer.close(index);
                        // 可以对父窗口进行刷新 
                        x_admin_father_reload();
                      });    
                }
            });
            return false;
          });
          
          
        });
    </script>
  </body>

</html>